<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>显示和隐藏</title>
</head>
<body>
  <div>
    <!-- v-if 让元素是否显示 如果为true就显示 为false就删除元素 -->
    <h1 v-if="isVisible">刘德华</h1>
    <!-- v-else 是if的取反状态 -->
    <h1 v-else>张学友</h1>
    <!-- v-show 如果为true就显示 为false设置display=‘none’ -->
    <h1 v-show="isVisible">郭富城</h1>
  </div>
  <script src="vue.min.js"></script>
  <script>
    new Vue({
      el : "div",
      data : {
        isVisible : true
      }
    })
  </script>
</body>
</html>